import { FC, useCallback } from 'react';
import { useNavigate } from 'react-router-dom';
import { Space, Divider, Button } from 'antd';

const BottomLink: FC = () => {
  const navigate = useNavigate();

  const handleFindPassword = useCallback(() => {
    navigate('/oauth/find-password');
  }, []);

  return (
    <div>
      <Space split={<Divider type="vertical" />}>
        <Button type="link">其它方式登录</Button>
        <Button type="link" onClick={handleFindPassword}>
          忘记密码
        </Button>
      </Space>
    </div>
  );
};

export default BottomLink;
